/*
  学习目标：使用React创建h1标签，并且显示在界面上
  
  */

//  1.导包
import React from 'react';
// React负责：创建元素
// ReactDOM负责：渲染元素
import ReactDOM from 'react-dom';

// 2. 创建元素-虚拟DOM
//语法：React.createElement('标签类型', {标签属性：值}, 标签内容);
const h1Node = React.createElement('div', null, 'Hello React');
console.log('h1Node  ----->  ', h1Node);

// 3. 渲染元素
// ReactDOM.render(创建的React元素, 真实DOM作为挂载点);
ReactDOM.render(h1Node, document.getElementById('root'));
